Reindirizza l‘utente in base al browser
Tutorial scritto il 05/05/03  da Luca Ruggiero
Sito Web: http://www.lukeonweb.net  

Purtroppo non tutti i browser disponibili sul mercato si comportano nella stessa maniera di fronte ad una pagina html.
Per tentare di evitare che script incompatibili col browser in uso vengano comunque eseguiti (a pro di nulla), Javascript offre più di una possibilità per intercettare il browser del client visitatore, ed agire in maniera differente.

La prima è rappresentata dagli oggetti "navigator.appName" (per individuare il browser) e "navigator.appVersion" (per la versione).
Facciamo un esempio del loro utilizzo:


<script language="javascript">
<!--
document.write("Il tuo browser è " + navigator.appName + " " + navigator.appVersion);
//-->
</script>


Queste piccolo script restituisce al nostro visitatore le informazioni relative al suo browser.
Ma l'aspetto più interessante di questa funzione di Javascript è quello di poter impostare azioni differenti in base al browser utilizzato.
Per farlo possiamo utilizzare queste proprietà:

- document.all // Identifica Microsoft Internet Explorer

- document.layers // Identifica Netscape Navigator

- document.getElementById // Identifica Opera

A questo punto dobbiamo creare diverse pagine:

- "explorer.htm" per gli utenti che utilizzano MS Explorer

- "navigator.htm" per gli utenti che usano Netscape Navigator

- "opera.htm" per gli utenti che utilizzano Opera

- "altri_browser.htm" per chi utilizza un browser diverso dai precedenti

Ora non ci resta che inserire questo codice nell'indice del nostro sito:


<script language="javascript">
<!--
if (document.all)
{
location.href = "explorer.htm";
}
else if (document.layers)
{
location.href = "navigator.htm";
}
else if (document.getElementById)
{
location.href = "opera.htm";
}
else
{
location.href = "altri_browser.htm"; 
}
//-->
</script>


Il gioco è fatto.


  
 
Iscriviti allo scambio banner di BannerGratis.it